<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
	$(document).ready(function() {
		$("button").click(function() {
			$.ajax({
				url: 'http://localhost:8080/estaciones/rest/estacion/'+$("#codigo").val(),
				type: 'GET',
				dataType : 'json',
				success: function(data) {
					alert(data);
					$("#nombre").html(data.nombre);
					$("#latitud").html(data.latitud);
					$("#longitud").html(data.longitud);
					
				},
				error: function(data) {
					alert("Error");
				}
			});
		});
	 });
</script>
</head>
<body>
<h1> Consulta de Estaciones</h1>
<p>
<input id="codigo" type="text" /><button>Consultar Estacion</button>
</p>
<p>
<br>
Nombre: <span id="nombre"></span>
<br>
Latitud: <span id="latitud"></span>
<br>
Longitud: <span id="longitud"></span>

</body>

</html>